<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css3_文本相关属性_文本换行，溢出</title>
    <style>
        .div1 {
            width: 200px;
            height: 200px;
            border: 1px crimson solid;
            font-size: 20px;
            text-decoration:underline chartreuse double;
        }
        .div2 {
            width: 500px;
            height: 500px;
            border: 1px crimson solid;
            font-size: 20px;
            margin: 0 auto;
            text-align: center;
            line-height: 500px;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: green;
            /*-webkit-text-stroke: 1px  green;*/


        }
    </style>
</head>
<body>
<!--
        文本修饰：
            css3升级了 text-decoration属性，让其变成了复合属性
            例子:text-decoration:underline chartreuse double;
        子属性：
            text-decoration-line 设置文本装饰线的位置
                none:无装饰线 (默认值)
                underline:下划线
                overline:上划线
                line-through:中划线
            test-decoration-style ：设置文本装饰线的样式
                solid:实线
                dashed:虚线
                dotted:点线
                double:双实线
                wavy:波浪线
            text-decoration-color ：设置文本装饰线的颜色

-->
<div class="div1">这是div这是div这是div这是div这是div这是div这是div这是div这是div这是div</div>

<!--
    文本描边：
        注意:文本描边功能仅webkit内核浏览器支持
            -webkit-text-stroke-width: 设置文字描边的宽度，写长度值
            -webkit-text-stroke-color: 设置文本描边的颜色
            -webkit-text-stroke: 复合属性，设置描边宽度和颜色

-->
<div class="div2">欢迎来到峡谷世界</div>
</body>
</html>